<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>结婚网</title>
		<style>
			*{
				margin: 0;
			}
			img{
				vertical-align: bottom;
			}
			
			.fl{
				float: left;
			}
			/* 左浮动 */
			.fr{
				float: right;
			}
			/* 右浮动 */
			/* .bd{
				border: 1px solid blue;
			} */
			.w{
				width: 1081px;
				margin: 0 auto;
			}
			.banner_ad{
				padding-top: 15px;
			}
			.banner_ad div:nth-child(2){
				padding: 0 15px;
			}
			
			.ad1{
				padding: 15px 0px;
			}
			.ad2{
				/* margin: 0 auto; */
				/* border: 1px solid red; */
				/* width: 1080px; */
			}
			/* 以下是banner区 */
			.banner{
				height: 555px;
				padding-top: 15px;
			}
			
			/* 以下是main区 */
			.main{
				
			}
			.title{
				border-bottom: 2px solid #f4f3ef;
				padding-top: 35px;
				/* height: 42px; */
			}
			.title h3{
				font-family: " 黑体";
				font-size: 24px;
				line-height: 42px;
			}
			.brand{
				padding-top: 15px;
				height: 460px;
			}
			.brand .fl{
				width: 259px;
				padding-right: 15px;
			}
			.brand .fl:nth-child(4){
				padding-right: 0;
			}
			/* 以下是style区 */
		/* 	.style{
				height: 625px;
			}
			.style_l .fl{
							padding-top: 15px; 
							
						}
			.style_r .fl{
							padding-top: 15px;
							padding-right: 15px; 
							
						}
			.style_r .fl:nth-child(3){padding-right: 1px;}
			.style_r .fl:nth-child(6){padding-right: 1px;}
			.style_r .fl:nth-child(9){padding-right: 1px;}
			.style_l {
							
							width: 375px; 
							padding-right: 20px; 
					       
					} */
			.style{
				padding-top: 15px;
				height: 610px;
			}
			.style_l{
				padding-right: 20px;
			}
			.style_l div:nth-child(1){
						padding-bottom: 15px;
					}
			.style_r{
						width: 685px;
					}
			.style_r .fl{
						padding: 0 15px 15px 0;
					}
			.style_r .fl:nth-child(3n){
						padding-right: 0;
					}
		/* 以下是user区 */
		 .user{
						 height: 173px;
					 }
					 .word{ 
						   padding-top: 50px;
					 }
					 .word w1{
						 font-family: "黑体";
						 color: #ff1f5a;	
						  font-size: 18px;
						 line-height:18px; 
						 /* padding-top: 10px; */
					 }
					
					 .user .fl:nth-child(1){
						   padding-top:19px;
					
						 
						   
					 }
					 .user .fl:nth-child(2){
						 padding-top: 19px;
						 width: 328px;
						 padding-right: 40px;
						 
					 }
			          .user .fl:nth-child(3){
						  padding-top: 19px;
						  width: 328px;
						  padding-right: 40px;
					 }
					 .user .fl:nth-child(4){
						  padding-top: 19px;
						 width: 336px;
					padding-right: 0;
					 }
		 /* 以下是wedding区 */
					 .word2{
					 	padding-top: 23px; 
					 }
					 .word2 w2{
					 	 font-family: "黑体";
					 	 color: red;	
					 	font-size: 16px;
					 	line-height:18px; 
		                /* padding-top: 10px; */
					 }
					 .word3{
					 	padding-top: 7px;
					 } 
					 .word3 w3{
					 	 font-family: "黑体";	
					 	font-size: 13px;
					 	line-height:13px;
		/* 			    padding-top: 10px; */
					 }
					 .wedding{
						 height: 561px;
						 /* padding-top: 15px; */
					 }
					 
					 .wedding_l{
						width: 341px;
						 padding-right: 29px;
						 padding-top: 15px;
					 }
					 .wedding_l div:nth-child(4){
						 padding-bottom: 11px;
						 padding-top: 17px;
					 }
					 .wedding_l div:nth-child(5){
						 padding-bottom: 11px;
					   padding-top: 17px;
					    
					 }
					 .wedding_r{
						 width: 708px;
						 padding-top: 15px;
					 }
					 .wedding_r .fl{
						 padding: 0 15px 15px 0;
					 }
					  .wedding_r div:nth-child(3n){
						 padding-right: 0;
					 } 
					 .wedding_r div:nth-child(4){padding-bottom: 0px;}
					 .wedding_r div:nth-child(5){padding-bottom: 0px;}
					 .wedding_r div:nth-child(6){padding-bottom: 0px;}
		</style>
	</head>
	<body>
		<div class="w header"><img src="img/case-01_02.gif" alt=""></div>
		<div class="w ad1"><img src="img/case-01_05.gif" alt=""></div>
		<div class="w ad2"><img src="img/case-01_07.gif" alt=""></div>
		<!-- 以下是banner区域 -->
		<div class="w banner ">
			<div class="fl banner_l ">
				<div>
					<img src="img/case-05_1.gif" alt="">
				</div>
				<div class="fl banner_ad">
					<div class="fl"><img src="img/case-05_3.gif" alt=""></div>
					<div class="fl"><img src="img/case-05_4.gif" alt=""></div>
					<div class="fl"><img src="img/case-05_5.gif" alt=""></div>
				</div>
			</div>
			<div class="fr banner_r ">
				<img src="img/case-05_2.gif" alt="">
			</div>
		
		</div>
		<!-- 以下是main区	 -->
		<div class="bd w main">
			<div class="title">
				<h3>品牌</h3>
			</div>
			<div class="brand">
				<div class="fl"><img src="img/case-07_1.gif" alt=""></div>
				<div class="fl"><img src="img/case-07_2.gif" alt=""></div>
				<div class="fl"><img src="img/case-07_3.gif" alt=""></div>
				<div class="fl"><img src="img/case-07_4.gif" alt=""></div>
			</div>
			<div class="title">
				<h3>风格</h3>
			</div>
			<div class="style">
            <div class="fl style_l">
			 <div><img src="img/01.gif" alt=""></div>
			 <div><img src="img/05.gif" alt=""></div>
		    </div>
			 <div class="fl style_r">
						 <div class="fl"><img src="img/02.gif" alt=""></div>
						 <div class="fl"><img src="img/03.gif" alt=""></div>
						 <div class="fl"><img src="img/04.gif" alt=""></div>
						 <div class="fl"><img src="img/06.gif" alt=""></div>
						 <div class="fl"><img src="img/07.gif" alt=""></div>
						 <div class="fl"><img src="img/08.gif" alt=""></div>
						 <div class="fl"><img src="img/09.gif" alt=""></div>
						 <div class="fl"><img src="img/10.gif" alt=""></div>
						 <div class="fl"><img src="img/11.gif" alt=""></div>
						
			</div>
		</div>
		</div>
		 <!-- 以下是user区 -->
		 <div class="w user">
					<div class="word"><w1>用户晒单</w1></div>
					<div class="fl"><img src="img/001.gif" alt=""></div>
					<div class="fl"><img src="img/002.gif" alt=""></div>		
					<div class="fl"><img src="img/003.gif" alt=""></div>
					</div>
		<!-- 以下是wedding区 -->
		<div class="w wedding">
					<div class="title">
						<h3>婚庆</h3>
					</div>
					<div class="fl wedding_l">
						 <div><img src="img/A.gif" alt=""></div>	
						 <div class="word3"><w3>新春特惠抢先定</w3></div>		
						 <div class="word2"><w2>用户晒单</w2></div>
					<div class="fl"><img src="img/A1.gif" alt=""></div>
					<div class="fl"><img src="img/A2.gif" alt=""></div>
					<div class="fl"><img src="img/B1.gif" alt=""></div>
					<div class="fl"><img src="img/B2.gif" alt=""></div>
					</div>
					<div class="fl wedding_r">	
				<div class="fl"><img src="img/B.gif" alt=""></div>
				<div class="fl"><img src="img/C.gif" alt=""></div>
				<div class="fl"><img src="img/D.gif" alt=""></div>
				<div class="fl"><img src="img/E.gif" alt=""></div>
				<div class="fl"><img src="img/F.gif" alt=""></div>
				<div class="fl"><img src="img/G.gif" alt=""></div>
					</div>	
			   </div>
			   <div class="w"><img src="img/0000.gif" alt=""><div>开发者182055126温海权</div></div>
			   
	</body>
</htmll>
